export function LegoSVG() {
  const strokeWidth = 4;
  const stroke = "#121231";

  return (
    <svg
      role="presentation"
      height="500"
      viewBox="0 0 200 500"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      class="group rotate-90 lg:rotate-0 transition-transform ease-linear duration-200 max-w-full"
    >
      <g
        id="bottom"
        class="translate-y-20 group-hover:translate-y-0 transition-transform duration-200 ease-in-out"
      >
        <path
          d="M23 263.935V293.608L99.8126 337.982V308.309L23 263.935Z"
          fill="#0079D1"
        />
        <path
          d="M23 263.935V293.608L99.8126 337.982V308.309L23 263.935Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M176.625 263.935V293.608L99.8126 337.982V308.309L176.625 263.935Z"
          fill="#0079D1"
        />
        <path
          d="M176.625 263.935V293.608L99.8126 337.982V308.309L176.625 263.935Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M23.0027 263.937L99.8105 308.306L176.623 263.937L99.8105 221.388L23.0027 263.937Z"
          fill="#0079D1"
        />
        <path
          d="M23.0027 263.937L99.8105 308.306L176.623 263.937L99.8105 221.388L23.0027 263.937Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M86.0982 277.922V288.38C86.0982 292.634 91.6381 296.084 98.4775 296.084C105.317 296.084 110.861 292.634 110.861 288.38V277.922H86.0982Z"
          fill="#0079D1"
        />
        <path
          d="M86.0982 277.922V288.38C86.0982 292.634 91.6381 296.084 98.4775 296.084C105.317 296.084 110.861 292.634 110.861 288.38V277.922H86.0982Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M110.861 277.925C110.861 282.179 105.317 285.629 98.4798 285.629C91.6405 285.629 86.0935 282.179 86.0935 277.925C86.0935 273.67 91.6405 270.221 98.4798 270.221C105.317 270.221 110.861 273.67 110.861 277.925Z"
          fill="#0079D1"
        />
        <path
          d="M110.861 277.925C110.861 282.179 105.317 285.629 98.4798 285.629C91.6405 285.629 86.0935 282.179 86.0935 277.925C86.0935 273.67 91.6405 270.221 98.4798 270.221C105.317 270.221 110.861 273.67 110.861 277.925Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M125.837 255.896V266.351C125.837 270.606 131.382 274.055 138.221 274.055C145.058 274.055 150.6 270.606 150.6 266.351V255.896H125.837Z"
          fill="#0079D1"
        />
        <path
          d="M125.837 255.896V266.351C125.837 270.606 131.382 274.055 138.221 274.055C145.058 274.055 150.6 270.606 150.6 266.351V255.896H125.837Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M150.603 255.893C150.603 260.148 145.058 263.598 138.221 263.598C131.382 263.598 125.835 260.148 125.835 255.893C125.835 251.639 131.382 248.189 138.221 248.189C145.058 248.189 150.603 251.639 150.603 255.893Z"
          fill="#0079D1"
        />
        <path
          d="M150.603 255.893C150.603 260.148 145.058 263.598 138.221 263.598C131.382 263.598 125.835 260.148 125.835 255.893C125.835 251.639 131.382 248.189 138.221 248.189C145.058 248.189 150.603 251.639 150.603 255.893Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M49.3953 255.896V266.351C49.3953 270.606 54.9399 274.055 61.7769 274.055C68.6162 274.055 74.1585 270.606 74.1585 266.351V255.896H49.3953Z"
          fill="#0079D1"
        />
        <path
          d="M49.3953 255.896V266.351C49.3953 270.606 54.9399 274.055 61.7769 274.055C68.6162 274.055 74.1585 270.606 74.1585 266.351V255.896H49.3953Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M74.1609 255.893C74.1609 260.148 68.6186 263.598 61.7793 263.598C54.9399 263.598 49.3976 260.148 49.3976 255.893C49.3976 251.639 54.9399 248.189 61.7793 248.189C68.6186 248.189 74.1609 251.639 74.1609 255.893Z"
          fill="#0079D1"
        />
        <path
          d="M74.1609 255.893C74.1609 260.148 68.6186 263.598 61.7793 263.598C54.9399 263.598 49.3976 260.148 49.3976 255.893C49.3976 251.639 54.9399 248.189 61.7793 248.189C68.6186 248.189 74.1609 251.639 74.1609 255.893Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M89.139 233.867V244.322C89.139 248.579 94.6789 252.026 101.518 252.026C108.358 252.026 113.905 248.579 113.905 244.322V233.867H89.139Z"
          fill="#0079D1"
        />
        <path
          d="M89.139 233.867V244.322C89.139 248.579 94.6789 252.026 101.518 252.026C108.358 252.026 113.905 248.579 113.905 244.322V233.867H89.139Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M113.905 233.865C113.905 238.122 108.36 241.569 101.523 241.569C94.6836 241.569 89.1366 238.122 89.1366 233.865C89.1366 229.61 94.6836 226.161 101.523 226.161C108.36 226.161 113.905 229.61 113.905 233.865Z"
          fill="#0079D1"
        />
        <path
          d="M113.905 233.865C113.905 238.122 108.36 241.569 101.523 241.569C94.6836 241.569 89.1366 238.122 89.1366 233.865C89.1366 229.61 94.6836 226.161 101.523 226.161C108.36 226.161 113.905 229.61 113.905 233.865Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </g>
      <g id="middle">
        <path
          d="M23 234.24V263.919L99.8126 308.288V278.614L23 234.24Z"
          fill="#D4F0FF"
        />
        <path
          d="M23 234.24V263.919L99.8126 308.288V278.614L23 234.24Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M176.625 234.24V263.919L99.8126 308.288V278.614L176.625 234.24Z"
          fill="#D4F0FF"
        />
        <path
          d="M176.625 234.24V263.919L99.8126 308.288V278.614L176.625 234.24Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M23.0027 234.243L99.8105 278.612L176.623 234.243L99.8105 191.694L23.0027 234.243Z"
          fill="#D4F0FF"
        />
        <path
          d="M23.0027 234.243L99.8105 278.612L176.623 234.243L99.8105 191.694L23.0027 234.243Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M86.0982 247.021V257.476C86.0982 261.731 91.6381 265.183 98.4775 265.183C105.317 265.183 110.861 261.731 110.861 257.476V247.021H86.0982Z"
          fill="#D4F0FF"
        />
        <path
          d="M86.0982 247.021V257.476C86.0982 261.731 91.6381 265.183 98.4775 265.183C105.317 265.183 110.861 261.731 110.861 257.476V247.021H86.0982Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M110.861 247.021C110.861 251.276 105.317 254.725 98.4798 254.725C91.6405 254.725 86.0935 251.276 86.0935 247.021C86.0935 242.764 91.6405 239.317 98.4798 239.317C105.317 239.317 110.861 242.764 110.861 247.021Z"
          fill="#D4F0FF"
        />
        <path
          d="M110.861 247.021C110.861 251.276 105.317 254.725 98.4798 254.725C91.6405 254.725 86.0935 251.276 86.0935 247.021C86.0935 242.764 91.6405 239.317 98.4798 239.317C105.317 239.317 110.861 242.764 110.861 247.021Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M125.837 224.99V235.447C125.837 239.704 131.382 243.154 138.221 243.154C145.058 243.154 150.6 239.704 150.6 235.447V224.99H125.837Z"
          fill="#D4F0FF"
        />
        <path
          d="M125.837 224.99V235.447C125.837 239.704 131.382 243.154 138.221 243.154C145.058 243.154 150.6 239.704 150.6 235.447V224.99H125.837Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M150.603 224.992C150.603 229.247 145.058 232.696 138.221 232.696C131.382 232.696 125.835 229.247 125.835 224.992C125.835 220.735 131.382 217.288 138.221 217.288C145.058 217.288 150.603 220.735 150.603 224.992Z"
          fill="#D4F0FF"
        />
        <path
          d="M150.603 224.992C150.603 229.247 145.058 232.696 138.221 232.696C131.382 232.696 125.835 229.247 125.835 224.992C125.835 220.735 131.382 217.288 138.221 217.288C145.058 217.288 150.603 220.735 150.603 224.992Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M49.3953 224.99V235.447C49.3953 239.704 54.9399 243.154 61.7769 243.154C68.6162 243.154 74.1585 239.704 74.1585 235.447V224.99H49.3953Z"
          fill="#D4F0FF"
        />
        <path
          d="M49.3953 224.99V235.447C49.3953 239.704 54.9399 243.154 61.7769 243.154C68.6162 243.154 74.1585 239.704 74.1585 235.447V224.99H49.3953Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M74.1609 224.992C74.1609 229.247 68.6186 232.696 61.7793 232.696C54.9399 232.696 49.3976 229.247 49.3976 224.992C49.3976 220.735 54.9399 217.288 61.7793 217.288C68.6186 217.288 74.1609 220.735 74.1609 224.992Z"
          fill="#D4F0FF"
        />
        <path
          d="M74.1609 224.992C74.1609 229.247 68.6186 232.696 61.7793 232.696C54.9399 232.696 49.3976 229.247 49.3976 224.992C49.3976 220.735 54.9399 217.288 61.7793 217.288C68.6186 217.288 74.1609 220.735 74.1609 224.992Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M89.139 202.963V213.421C89.139 217.678 94.6789 221.127 101.518 221.127C108.358 221.127 113.905 217.678 113.905 213.421V202.963H89.139Z"
          fill="#D4F0FF"
        />
        <path
          d="M89.139 202.963V213.421C89.139 217.678 94.6789 221.127 101.518 221.127C108.358 221.127 113.905 217.678 113.905 213.421V202.963H89.139Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M113.905 202.963C113.905 207.22 108.36 210.667 101.523 210.667C94.6836 210.667 89.1366 207.22 89.1366 202.963C89.1366 198.709 94.6836 195.259 101.523 195.259C108.36 195.259 113.905 198.709 113.905 202.963Z"
          fill="#D4F0FF"
        />
        <path
          d="M113.905 202.963C113.905 207.22 108.36 210.667 101.523 210.667C94.6836 210.667 89.1366 207.22 89.1366 202.963C89.1366 198.709 94.6836 195.259 101.523 195.259C108.36 195.259 113.905 198.709 113.905 202.963Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
      </g>
      <g
        id="top"
        class="-translate-y-20 group-hover:translate-y-0 transition-transform duration-200 ease-in-out"
      >
        <path
          d="M23 204.547V234.221L99.8126 278.594V248.921L23 204.547Z"
          fill="#74CDFF"
        />
        <path
          d="M23 204.547V234.221L99.8126 278.594V248.921L23 204.547Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M176.625 204.547V234.221L99.8126 278.594V248.921L176.625 204.547Z"
          fill="#74CDFF"
        />
        <path
          d="M176.625 204.547V234.221L99.8126 278.594V248.921L176.625 204.547Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M23.0027 204.549L99.8105 248.918L176.623 204.549L99.8105 162L23.0027 204.549Z"
          fill="#74CDFF"
        />
        <path
          d="M23.0027 204.549L99.8105 248.918L176.623 204.549L99.8105 162L23.0027 204.549Z"
          stroke={stroke}
          stroke-width={strokeWidth}
          stroke-linecap="round"
          stroke-linejoin="round"
        />
        <path
          d="M124.019 188.008C125.404 188.253 126.186 189.374 125.764 190.512C125.342 191.649 123.876 192.372 122.489 192.126C118.261 191.378 111.602 195.679 103.047 205.59C93.2911 216.89 85.108 222.345 77.9293 221.522C76.5157 221.361 75.6297 220.296 75.9495 219.143C76.2694 217.992 77.6741 217.189 79.0877 217.351C83.457 217.852 90.2218 213.342 98.8133 203.39C108.605 192.048 116.829 186.734 124.019 188.008Z"
          fill="#74CDFF"
        />
        <path
          d="M124.019 188.008C125.404 188.253 126.186 189.374 125.764 190.512C125.342 191.649 123.876 192.372 122.489 192.126C118.261 191.378 111.602 195.679 103.047 205.59C93.2911 216.89 85.108 222.345 77.9293 221.522C76.5157 221.361 75.6297 220.296 75.9495 219.143C76.2694 217.992 77.6741 217.189 79.0877 217.351C83.457 217.852 90.2218 213.342 98.8133 203.39C108.605 192.048 116.829 186.734 124.019 188.008Z"
          stroke="#74CDFF"
          stroke-width="6.80956"
          stroke-miterlimit="10"
        />
      </g>
    </svg>
  );
}
